.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
    background: #f7f7f7;   
}
.My-wallet-header{
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e0e0e0;
    .px2rem(height,98);
    background: white;
   .span_one{
   .px2rem(width,80);
   }
    span{
        text-align: center;
       .px2rem(width,150);
        .px2rem(font-size,28);
        color: #1b1b1b;
    }
    .span_two{
        flex:1;
        .px2rem(font-size,35)
    }
}
.My-wallet-nav{
    display: flex;
    
    justify-content: center;
    text-align: center;
    .px2rem(height,88);    
    background: white;
    span{
        flex:1;
        align-items: center;
        .px2rem(height,88); 
        .px2rem(line-height,88); 
        display:block;
        
        .px2rem(font-size,28);
    }
    :nth-child(1){
    border-bottom: 4px solid #fed201;
    }
}
.My-wallet-center{
    .px2rem(height,285);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    .px2rem(font-size,24);
    span{
        color: #c9c9c9;
        .px2rem(margin-bottom,30)
    }
}
.My-wallet-content{
    display: flex;
    align-items: center;
    justify-content: center;
    .px2rem(height,100);
    border-bottom: 1px solid #e0e0e0;
    background: white;
    text-align: center;
    span{
        width: 10%;
    }
    p{
        flex: 1;
    }
}
.My-wallet-Fund-details{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    .px2rem(height,100);
    border-bottom: 1px solid #e0e0e0;
    background: white;
    .px2rem(margin-top,20);
    span{
        width: 20%;
         text-align: center;
    }
    .span_img{
        width: 11%;
        text-align: center;
    }
    p{
      width: 69%;
   }
}
